<template>
  <div id="app">
    <keep-alive include="Hello,batch,clue">
      <router-view class="child-view" v-on:ShareAppMessage="ShareAppMessage"></router-view>
    </keep-alive>
  </div>
</template>
<script>
import reset from './common/reset.css';
import CONSTANT from '@/common/constants.js'
  import http from '@/common/http.js'
  import wx from 'weixin-js-sdk'
export default {
  name: 'app',
  mounted() {
      console.log(this)
      var urlaa = window.location.href
      console.log(urlaa)
      var json = {time: new Date().getTime()}
      var arrbb = urlaa.split('?#')[1]
      var arr = urlaa.split('#')
      if (!arrbb) {
        window.location.href = (json, ' ', arr[0] + '?#' + arr[1])
      }
      let thisPageUrl = window.location.href.split('#')[0]
      http.post(CONSTANT.WXCONFIG, {'url': thisPageUrl}, (res) => {
        if (res.code == 200) {
          console.log('config参数已返回')
          console.log(res)
          wx.config({
            "debug": false,
            "appId": res.obj.appid,
            "timestamp": res.obj.timestamp,
            "nonceStr": res.obj.nonceStr,
            "signature": res.obj.signature,
            "jsApiList": ['onMenuShareAppMessage', 'onMenuShareQZone', 'onMenuShareWeibo', 'onMenuShareQQ', 'onMenuShareTimeline']
          })
        }
      })
    },
    methods: {
      ShareAppMessage(title, desc, link, imgUrl) {
        console.log(title,desc,link,imgUrl)
        wx.ready(function () {
          wx.onMenuShareQZone({
            title: title, // 分享标题
            desc: desc, // 分享描述
            link: link, // 分享链接
            imgUrl: imgUrl, // 分享图标
            success: function () {
              // 用户确认分享后执行的回调函数
            },
            cancel: function () {
              // 用户取消分享后执行的回调函数
            }
          });
          // 分享到腾讯微博
          wx.onMenuShareWeibo({
            title: title, // 分享标题
            desc: desc, // 分享描述
            link: link, // 分享链接
            imgUrl: imgUrl, // 分享图标
            success: function () {
              // 用户确认分享后执行的回调函数
            },
            cancel: function () {
              // 用户取消分享后执行的回调函数
            }
          });
          // 分享到qq
          wx.onMenuShareQQ({
            title: title, // 分享标题
            desc: desc, // 分享描述
            link: link, // 分享链接
            imgUrl: imgUrl, // 分享图标
            success: function () {
              // 用户确认分享后执行的回调函数
            },
            cancel: function () {
              // 用户取消分享后执行的回调函数
            }
          });
          // 分享到朋友圈
          wx.onMenuShareTimeline({
            title: title, // 分享标题
            link: link, // 分享链接，该链接域名必须与当前企业的可信域名一致
            imgUrl: imgUrl, // 分享图标
            success: function () {
              // 用户确认分享后执行的回调函数
            },
            cancel: function () {
              // 用户取消分享后执行的回调函数
            }
          });
          // 分享到微信好友
          wx.onMenuShareAppMessage({
            title: title, // 分享标题
            desc: desc, // 分享描述
            link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: imgUrl, // 分享图标
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function (res) {
              // 用户确认分享后执行的回调函数
              console.log('分享成功！')
            },
            cancel: function (res) {
              // 用户取消分享后执行的回调函数
            }
          });
        })
      }
    }
}
</script>
<style>
  @font-face {
    font-family: 'iconfont';  /* project id 404427 */
    src: url('//at.alicdn.com/t/font_404427_n7p91564dnqgds4i.eot');
    src: url('//at.alicdn.com/t/font_404427_n7p91564dnqgds4i.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_404427_n7p91564dnqgds4i.woff') format('woff'),
    url('//at.alicdn.com/t/font_404427_n7p91564dnqgds4i.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_404427_n7p91564dnqgds4i.svg#iconfont') format('svg');
  }
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
  .icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  height: 100%;
  /*margin-top: 22px;*/
}
  a {
    color: #333333;
  }
</style>
<style lang="less">
  @import '~vux/src/styles/reset.less';
</style>

